﻿
@{
    ViewBag.Title = "Index";
}

<div id="tb" style="margin-bottom:5px">
    <a href="#" id="btnAdd" class="easyui-linkbutton" data-options="iconCls:'icon-add'">新增</a>
    <a href="#" id="btnEdit" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">修改</a>
    <a href="#" id="btnDelete" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">删除</a>
    <div>
        礼品编号:<input id="txt_ID" type="text" class="easyui-validatebox" />
        礼品名称:<input id="txt_GiftName" type="text" class="easyui-validatebox" />
        礼品备注:
        @Html.DropDownList("GiftLevel", ViewBag.LoggiftList as IEnumerable<SelectListItem>)


        <a href="#" id="btn_Search" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a>
    </div>
</div>
<div id="dlg" class="easyui-dialog" title="添加礼品" style="width:400px;height:200px;"
     data-options="iconCls:'icon-save',resizable:true,modal:true,closed:true">
    //<iframe id="frm1" src="/LogGift/Edit" width="99%" height="99%" frameborder="0"></iframe>
</div>

<table id="Gif"></table>
<script>
    $("#Gif").datagrid({
        fitColumns: true,//使列自动展开/收缩到合适的DataGrid宽度。
        toolbar: "#tb", //toolbar:通过选择器指定的工具栏。
        pagination: true, //pagination:如果为true，则在DataGrid控件底部显示分页工具栏。
        fit: true, //fit:当设置为true的时候面板大小将自适应父容器。
        singleSelect: true, //如果为true，则只允许选择一行。
        rownumbers: true, //如果为true，则显示一个行号列。
        url: "/LogGift/GetPagedGiftList/",//url:设置能够返回JSON数据的Action所对应的路径
        columns: [[
            { field: 'EL_ID', title: '会员编号', width: 80, align: "center", },
            { field: 'EL_GiftCode', title: '礼品编号', width: 80, align: "center", },
            { field: 'EL_GiftName', title: '礼品名称', width: 80, align: "center", },
            { field: 'EL_Point', title: '礼品积分', width: 80, align: "center", },
            { field: 'EL_Remark', title: '礼品备注', width: 80, align: "center", },

        ]]
    });
    //多条件查询
    $("#btn_Search").click(function () {
        $('#Gif').datagrid('load', {
            GiftCode: $.trim($("#txt_ID").val()),
            GiftName: $.trim($("#txt_GiftName").val()),
            GiftLevel: $.trim($("#GiftLevel").val())
        });
    })

    //添加
    $("#btnAdd").click(function () {
        $("#dlg").dialog({
            title: '添加礼品',
            width: 400,
            height: 320,

        }).dialog("open");

        $("#frm1").attr("src", "/LogGift/Add");
    })

    //修改
    $("#btnEdit").click(function () {
        //判断用户是否选中一行，如果选中弹出编辑框，否则提示用户
        var row = $("#Gif").datagrid("getSelected");
        if (row != null) {
            if (row.EL_ID) {
                //弹出编辑框
                $("#dlg").dialog({
                    width: 400,
                    height: 320,
                }).dialog("open").dialog("setTitle", "编辑");

            }

            //给iframe的src属性赋值
            $("#frm1").attr("src", "/LogGift/Edit?id=" + row.EL_ID);

        } else {
            //没有选中，弹出对话框提示用户
            $.messager.alert('温馨提示', "请选择要编辑的行", 'warning');
        }

    })

    //删除
    $("#btnDelete").click(function () {
        //判断用户是否选中一行，如果选中提示用户是否要删除，否则提示用户选中一行
        var row = $("#Gif").datagrid("getSelected");
        if (row == null) {
            //如果选中，弹出对话框提示用户
            $.messager.alert('温馨提示', "请选择要删除的行", 'warning');
            return;

        }
        //提示用户是否要删除
        $.messager.confirm('确认', "您确认想要删除记录吗？", function (r) {
            if (r) {
                //如果确定删除，向服务端发送Ajax异步请求
                $.post("@Url.Action("Delete","LogGift")", { deleteId: row.EL_ID }, function (data) {
                    //根据返回的结果，如果成功提示用户

                    if (data.State == 1) {
                        //提示信息
                        $.messager.alert('温馨提示', data.Message, 'info');
                        //刷新列表
                        $("#Gif").datagrid("reload");
                    }
                    else {
                        //提示信息
                        $.messager.alert('温馨提示', data.Message, 'error');
                    }


                }, "json");
            }
        });
    })

</script>